<!DOCTYPE html>
<html>
 <head> 
  <meta charset="utf-8" /> 
  <title>记一笔</title> 
  <meta name="renderer" content="webkit" /> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 
  <link rel="stylesheet" href="js/layui/css/layui.css" /> 
  <link rel="stylesheet" href="style/config.css" />
  <script src="js/WdatePicker/WdatePicker.js"></script>
 </head> 
 <body> 
  <div class="container"> 
   <div class="layui-row"> 
    <div class="layui-tab layui-tab-card"> 
     <ul class="layui-tab-title"> 
      <li class="layui-this"><i class="layui-icon">&#xe69c;</i> 支出</li> 
      <li><i class="layui-icon">&#xe6af;</i> 收入</li> 
     </ul> 
     <div class="layui-tab-content"> 
     <!-- 支出 -->
      <div class="layui-tab-item layui-show"> 
       <form action="" method="post" class="layui-form layui-form-pane pay"> 
        <div class="site-block"> 
         <div class="layui-form-item"> 
          <label class="layui-form-label"><i class="layui-icon">&#xe65e;</i> 支出金额：</label> 
          <div class="layui-input-inline"> 
           <input type="text" name="money" class="layui-input" placeholder="请输入金额（￥）" required lay-verify="required" autocomplete="off" /> 
          </div> 
         </div> 
         <div class="layui-form-item"> 
          <label class="layui-form-label"><i class="layui-icon">&#xe735;</i> 支出分类：</label> 
          <div class="layui-input-inline"> 
           <select name="a_cols" lay-verify="required"> <option value="">请选择一个类别</option> <option value="12">早餐</option> <option value="12">午餐</option> <option value="12">晚餐</option> </select> 
          </div> 
         </div> 
         <div class="layui-form-item layui-form-text"> 
          <label class="layui-form-label"><i class="layui-icon">&#xe705;</i> 备注：</label> 
          <div class="layui-input-block"> 
           <textarea name="a_info" placeholder="有需要的请备注" class="layui-textarea"></textarea> 
          </div> 
         </div> 
         <div class="layui-form-item"> 
          <label class="layui-form-label"><i class="layui-icon">&#xe637;</i> 支出时间：</label> 
          <div class="layui-input-inline"> 
           <input type="text" name="a_date" class="layui-input" onclick="WdatePicker({ dateFmt:'yyyy-MM-dd' })" required lay-verify="required" autocomplete="off" placeholder="点击选择支出时间" readonly /> 
          </div> 
         </div> 
        </div> 
        <div class="pay-node"></div>
        <div class="layui-form-item"> 
          <div class="layui-input-block"> 
           <button type="submit" class="layui-btn" lay-filter="sbt">立即提交</button> 
           <button type="reset" class="layui-btn layui-btn-primary">重置</button>
           <span class="layui-btn layui-btn-normal" id="addPay">追加一笔支出</span>
           <span class="layui-btn layui-btn-danger" id="delPay" style="display: none;">删除一笔支出</span> 
          </div> 
         </div> 
       </form> 
      </div> 
      <!-- 收入 -->
      <div class="layui-tab-item">
       <form action="" method="post" class="layui-form layui-form-pane income"> 
        <div class="site-block"> 
         <div class="layui-form-item"> 
          <label class="layui-form-label"><i class="layui-icon">&#xe65e;</i> 收入金额：</label> 
          <div class="layui-input-inline"> 
           <input type="text" name="money" class="layui-input" placeholder="请输入金额（￥）" required="" lay-verify="required" autocomplete="off" /> 
          </div> 
         </div> 
         <div class="layui-form-item"> 
          <label class="layui-form-label"><i class="layui-icon">&#xe735;</i> 收入分类：</label> 
          <div class="layui-input-inline"> 
           <select name="a_cols" lay-verify="required"> <option value="">请选择一个类别</option> <option value="12">早餐</option> <option value="12">午餐</option> <option value="12">晚餐</option> </select> 
          </div> 
         </div> 
         <div class="layui-form-item layui-form-text"> 
          <label class="layui-form-label"><i class="layui-icon">&#xe705;</i> 备注：</label> 
          <div class="layui-input-block"> 
           <textarea name="a_info" placeholder="有需要的请备注" class="layui-textarea"></textarea> 
          </div> 
         </div> 
         <div class="layui-form-item"> 
          <label class="layui-form-label"><i class="layui-icon">&#xe637;</i> 收入时间：</label> 
          <div class="layui-input-inline"> 
           <input type="text" name="a_date" class="layui-input pay" onclick="WdatePicker({ dateFmt:'yyyy-MM-dd' })" required lay-verify="required" autocomplete="off" placeholder="点击选择收入时间" readonly /> 
          </div> 
         </div> 
        </div> 
        <div class="income-node"></div>
        <div class="layui-form-item"> 
          <div class="layui-input-block"> 
           <button class="layui-btn" lay-submit="" lay-filter="sbt">立即提交</button> 
           <button type="reset" class="layui-btn layui-btn-primary">重置</button>
           <span class="layui-btn layui-btn-normal" id="income">追加一笔收入</span>
           <span class="layui-btn layui-btn-danger" id="delIncome" style="display: none;">删除一笔收入</span> 
          </div> 
         </div> 
       </form> 
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <script src="js/layui/layui.all.js"></script> 
  <script src="js/accounting.js"></script>  
 </body>
</html>